﻿<!DOCTYPE html>
<html><link type="text/css" id="dark-mode" rel="stylesheet" href=""><style type="text/css" id="dark-mode-custom-style"></style><head><meta charset="utf-8">
<meta name="viewport" content="width=device-width"><title>drop menu </title>
<style type="text/css">
html,body {margin: 0px; padding: 0px; }
.menu ul {margin: 0px; padding: 0px;}
.menu ul li {background-color:black; border: 0.1px solid white; width:140px; height:40px;  line-height:40px; 
float:right; text-align:center; list-style-type:none;}
.menu ul li a {color:white; text-decoration:none; display:block; }
.menu ul li a:hover{background-color:red; color:yellow;}
.menu ul li ul li {display:none;}
.menu ul li:hover ul li {display: block;}
</style>
</head><body>
<div class="menu">
<ul>
<li><a href="">الرئيسية</a></li>
<li><a href="">Bein sport قنوات </a><ul>
<li><a href="">Bein Sport News</a>
</li><li><a href="">Bein Sport 1</a>
</li><li><a href="">Bein Sport 2</a>
</li><li><a href="">Bein Sport 3</a>
</li><li><a href="">Bein Sport 4</a>
</li><li><a href="">Bein Sport 5</a>
</li></ul></li>
<li><a href="">القنوات المغربية</a></li>
<li><a href="">القنوات العربية</a></li>
<li><a href="">فيديو كرة القدم</a></li>
<li><a href="">القنوات الرياضية</a></li>
<li><a href="">قنوات MBC</a><ul>
<li><a href="">MBC 1</a>
</li><li><a href="">MBC 2</a>
</li><li><a href="">MBC 3</a>
</li><li><a href="">MBC 4</a>
</li><li><a href="">MBC Max</a>
</li><li><a href="">MBC Action</a>
</li><li><a href="">MBC Bollowood</a></li></ul></li>
<li><a href="">القنوات الأجنبية</a></li>
<li><a href="">About</a></li>
</ul></div><br><br><br><br><br><br><br><br>khaled
</body><style id="global-dark-mode" media="screen">html:before {
  content: " ";
  z-index: 100000000000000;
  pointer-events: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
}</style></html>